.container{/*body*/
	float: left;
	background: indianred;
	width: 100%;
	height: 100%;
}
#top{
	
}
#top h1{
	color: white;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 20px;
}
#top p{
	margin-left: 20px;
	margin-top: -20px;
	color: white;
	font-size: 16px;
}

#menubar{/*div*/
	float: right;
	background: white;
	margin: 0px 20px;
	width: 25%;
}
#menulist{/*ul*/
	list-style-type: none;
	text-align: center;
	margin-right: -20px;
}
.menuitem{/*li*/
	background: indianred;
	color: white;
	border: 1px solid red;
	border-radius: 20px;/*圆形边框*/
	line-height: 30px;
	font-weight: 700;
	margin-left: -40px;
	margin-top: 8px;
	height: 28px;
	width: 100%;
}
.menuitem:hover{
	color: indianred;
	background: white;
}

#main{
	background: white;
	margin: 0px 20px;
	padding-bottom: 10px;
}
#main h1{
	color: indianred;
	font-weight: 800;
	padding-top: 20px;
	margin-left: 10px;
}
#main p{
	line-height: 23px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -10px;
}
#main p a{
	color: indianred;
	text-decoration: none;
}
#main p a:hover{
	text-decoration: underline;
}
#main h2{
	color: indianred;
	font-weight: 800;
	margin-top: 20px;
	margin-left: 10px;
}

#sidebar{
	clear: both;
	background: lavenderblush;
	margin: -20px 20px;
}
#sidebar h3{
	color: indianred;
	margin-left:10px;
	padding-top: 20px;
}
#sidebar p{
	color: indianred;
	margin-left:10px ;
	margin-right: 10px;
	margin-top: 20px;
	padding-bottom: 20px;
}
   
   


#bottom{
	clear: both;
	padding-top:10px ;
	padding-bottom: 10px;
	width: 100%;
	
}
#bottom p{
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	line-height: 12px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

/*自适应*/

@media only screen and (max-width:600px ) {
	#menubar{/*div*/
		float: none;
		background: white;
		width: auto;
	}
	#menulist{/*ul*/
		margin-left:10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.menuitem{/*li*/
		margin-top: 10px;
		height: 28px;
		margin-left: -40px;
		line-height: 30px;
	}
	
	
	#main{
		margin-top: -22px;
	}

}
